<template>
	<view class="container">
		<view>
			<!-- 课程专场 -->
			<view class="course">
				<view class="course-bottom">
					<view class="course-bottom-list" @click="goCourseDetails(item.id)">
						<image src="https://zsff.sxjiangyan.com/uploads/images/20200914/77d946d7a31d162cd301b3ed8f448c72.jpg" mode="aspectFit"></image>
						<text>实打实大苏打</text>
						<text>共5课时<text>|</text>20人已学</text>
					</view>
					
					<view class="course-bottom-list" @click="goCourseDetails(item.id)">
						<image src="https://zsff.sxjiangyan.com/uploads/images/20200914/77d946d7a31d162cd301b3ed8f448c72.jpg" mode="aspectFit"></image>
						<text>实打实大苏打</text>
						<text>共5课时<text>|</text>20人已学</text>
					</view>
					
					<view class="course-bottom-list" @click="goCourseDetails(item.id)">
						<image src="https://zsff.sxjiangyan.com/uploads/images/20200914/77d946d7a31d162cd301b3ed8f448c72.jpg" mode="aspectFit"></image>
						<text>实打实大苏打</text>
						<text>共5课时<text>|</text>20人已学</text>
					</view>
				</view>
			</view>
			 <!-- <canvas style="width: 750upx; height: 277upx;" canvas-id="myCanvas" id="myCanvas"></canvas> -->
		</view>
	</view>
</template>


<script>
	
</script>


<style lang="less">
@import './index.less';
@import './goods-course.less';
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(720deg);
	}
}
.an {
	animation: rotation 2s infinite linear;
}
.pause {
	animation-play-state: paused;
}
</style>